<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>休假审批</title>
    <link href="/css/style2.css" rel="stylesheet" type="text/css"/>
    <link href="/css/select.css" rel="stylesheet" type="text/css"/>
    <script src="/js/jquery.js" type="text/javascript"></script>
    <script src="/js/jquery.idTabs.min.js" type="text/javascript"></script>
    <script src="/js/select-ui.min.js" type="text/javascript"></script>
    <script src="/js/global.js" type="text/javascript"></script>
    <script src="/js/jquery.select.js" type="text/javascript"></script>
    <script src="/js/WdatePicker.js" type="text/javascript"></script>
    <script src="/js/umeditor.config.js" type="text/javascript"></script>
    <script src="/js/editor_api.js" type="text/javascript"></script>
    <script src="umeditor/lang/zh-cn/zh-cn.js" type="text/javascript"></script>
    <script type="text/javascript">
        KE.show({
            id: 'content7',
            cssPath: './index.css'
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function (e) {
            $(".select1").uedSelect({
                width: 345
            });
            $(".select2").uedSelect({
                width: 167
            });
            $(".select3").uedSelect({
                width: 100
            });
        });
    </script>
</head>

<body>

<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">审批</a></li>
        <li><a href="#">休假审批</a></li>
    </ul>
</div>

<!--查询条件-->
<br/>
<br/>
<ul class="seachform">
    <li>
        <label> 休假日期:</label><input class="scinput" name="" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" type="text"
                                    value="请选择开始日期"/></li>
    <li><label> 到</label><input class="scinput" name="" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" type="text"
                                value="请选择结束日期"</li>
    <li>
        <label>姓名：</label>
        <input class="scinput" name="" type="text"/>
    </li>
    <li><label>&nbsp;</label><input class="scbtn" name="" type="button" value="查询"/></li>
</ul>
</div>

<table class="tablelist">
    <tbody>
    <tr>
        <td>
            <table class="tablelist">
                <tbody>
                <tr>
                    <td>
                        <table class="tablelist">
                            <tbody>
                            <tr>
                                <td>
                                    <table class="tablelist">
                                        <thead>
                                        <tr>
                                            <th width="3%"><input checked="checked" name="" type="checkbox" value=""/>
                                            </th>
                                            <th width="7%">工号<i class="sort"><img src="/images/px.gif"/></i></th>
                                            <th width="11%">姓名</th>
                                            <th width="10%">休假开始日期</th>
                                            <th width="9%">开始时间</th>
                                            <th width="10%">休假结束日期</th>
                                            <th width="11%">休假终了时间</th>
                                            <th width="7%">休假原因</th>
                                            <th width="13%">操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td><input name="" type="checkbox" value=""/></td>
                                            <td>20130901</td>
                                            <td>admin</td>
                                            <td>2013-09-09</td>
                                            <td>08:30</td>
                                            <td>2013-09-09</td>
                                            <td>17:30</td>
                                            <td>结婚</td>

                                            <td><span><a class="tablelink" href="#"><img
                                                    src="/images/valid.png"/></a> <a class="tablelink" href="#"
                                                                                     onclick="confirm('确定要驳回当前消息？')"> <img
                                                    src="/images/error.png"/></a></span></td>
                                        </tr>
                                        <tr>
                                            <td><input name="" type="checkbox" value=""/></td>
                                            <td>20130902</td>
                                            <td>wanglin</td>
                                            <td>2018-09-09</td>
                                            <td>08:30</td>
                                            <td>2018-09-10</td>
                                            <td>17:30</td>
                                            <td>年假</td>

                                            <td><span><a class="tablelink" href="#"><img src="/images/valid.png"/> <a
                                                    class="tablelink" href="#" onclick="confirm('确定通过当前消息？')"/></a><a
                                                    class="tablelink" href="#" onclick="confirm('确定要驳回当前消息？')"><img
                                                    src="/images/error.png"/></a></span></td>
                                        </tr>
                                        <tr>
                                            <td><input name="" type="checkbox" value=""/></td>
                                            <td>20130903</td>
                                            <td>wangli</td>
                                            <td>2015-09-10</td>
                                            <td>08:30</td>
                                            <td>2015-09-10</td>
                                            <td>17:30</td>
                                            <td>生病</td>
                                            <td><span><a class="tablelink" href="#"><img src="/images/valid.png"/> <a
                                                    class="tablelink" href="#" onclick="confirm('确定通过当前消息？')"/></a><a
                                                    class="tablelink" href="#" onclick="confirm('确定要驳回当前消息？')"> <img
                                                    src="/images/error.png"/></a></span></td>
                                        </tr>
                                        <tr>
                                            <td><input name="" type="checkbox" value=""/></td>
                                            <td>20130904</td>
                                            <td>zhangli</td>
                                            <td>2015-09-09</td>
                                            <td>08:30</td>
                                            <td>2015-09-09</td>
                                            <td>17:30</td>
                                            <td>年假</td>
                                            <td><span><a class="tablelink" href="#"><img src="/images/valid.png"/> <a
                                                    class="tablelink" href="#" onclick="confirm('确定通过当前消息？')"/></a> <a
                                                    class="tablelink" href="#" onclick="confirm('确定要驳回当前消息？')"> <img
                                                    src="/images/error.png"/></a></span></td>
                                        </tr>
                                        <tr>
                                            <td><input name="" type="checkbox" value=""/></td>
                                            <td>20130905</td>
                                            <td>zhang_lin</td>
                                            <td>2015-09-09</td>
                                            <td>08:30</td>
                                            <td>2015-09-09</td>
                                            <td>17:30</td>
                                            <td>年假</td>
                                            <td><span><a class="tablelink" href="#"><img src="/images/valid.png"/> <a
                                                    class="tablelink" href="#" onclick="confirm('确定通过当前消息？')"/></a> <a
                                                    class="tablelink" href="#" onclick="confirm('确定要驳回当前消息？')"> <img
                                                    src="/images/error.png"/></a></span></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    </tbody>
</table>


<div class="pagin">
    <div class="message">共<i class="blue">1256</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页</div>
    <ul class="paginList">
        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
        <li class="paginItem"><a href="javascript:;">1</a></li>
        <li class="paginItem current"><a href="javascript:;">2</a></li>
        <li class="paginItem"><a href="javascript:;">3</a></li>
        <li class="paginItem"><a href="javascript:;">4</a></li>
        <li class="paginItem"><a href="javascript:;">5</a></li>
        <li class="paginItem more"><a href="javascript:;">...</a></li>
        <li class="paginItem"><a href="javascript:;">10</a></li>
        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
    </ul>
</div>


<div class="tip">
    <div class="tiptop"><span>提示信息</span><a></a></div>

    <div class="tipinfo">
        <span><img src="images/ticon.png"/></span>
        <div class="tipright">
            <p>是否确认对信息的修改 ？</p>
            <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
        </div>
    </div>

    <div class="tipbtn">
        <input class="sure" name="" type="button" value="确定"/>&nbsp;
        <input class="cancel" name="" type="button" value="取消"/>
    </div>

</div>


</div>

<script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');
</script>
</body>
</html>
